<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="../css/common.css">
    <link rel="stylesheet" href="../css/details.css">
    <script src="../libs/iconfont.js"></script>
</head>

<body>
    <div class="header box-center">
        <svg class="icon" aria-hidden="true">
            <use xlink:href="#icon-jiajujiafang"></use>
        </svg>
        <div class="back"><a href="../index.html">回到首页</a></div>
        <div class="user"></div>
    </div>
    <div class="box-center clearfix">
        <div class="logo-wraper">
            <a class="logo" href="">
                <img src="../img/logo.png" alt="">
            </a>
            <a class="slogan" href="">便宜买好货</a>
        </div>
        <div class="search-wraper">
            <form class="search-form" action="http://tejia. hao123. com/search" target="_blank">
                <input class="search-input" type="text" autocomplete="off" placeholder="你想要的都在这里">
                <svg class="icon" aria-hidden="true">
                    <use xlink:href="#icon-sousuo"></use>
                </svg>
                <input class="search-btn" type="submit" value="搜索">
            </form>
            <div class="hotword clearfix">
                <a class="word" href="">雨衣</a>
                <a class="word" href="">内裤</a>
                <a class="word" href="">空调</a>
                <a class="word" href="">冰箱</a>
                <a class="word" href="">凉鞋</a>
                <a class="word" href="">连衣裙</a>
                <a class="word" href="">鼠标</a>
                <a class="word" href="">蓝牙耳机</a>
                <a class="word" href="">电动车</a>
                <a class="word" href="">电视盒子</a>
                <a class="word" href="">风扇</a>
                <a class="word" href="">雨伞</a>
            </div>
        </div>
    </div>
    <main>
        <div class="left">
            <div class="zoom">
                <div class="pic">
                    <span></span>
                    <img src="" alt="">
                    <div class="enlarge">
                        <div><img src="" alt=""></div>
                    </div>
                </div>
            </div>
        </div>
        <div class="right">
            <h3 class="title"></h3>
            <p class="price"></p>
        </div>
    </main>
    <div class="details"></div>
    <div class="bottom">
        <div class="backTop">
            <svg class="icon" aria-hidden="true">
                <use xlink:href="#icon-huidaodingbu"></use>
            </svg>
        </div>
        <div class="kefu">
            <svg class="icon" aria-hidden="true">
                <use xlink:href="#icon-kefufill"></use>
            </svg>
        </div>
        <a href="./cart.html">
            <div class="total">购物车<span>0</span></div>
        </a>
    </div>
    <script src="../libs/require.js" data-main="../js/details"></script>
</body>

</html>